<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu">
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script type="text/javascript" src="jquery-1.5.min.js"></script>
    <script type="text/javascript" src="radify.js"></script>
    <title>
        RADiFy (bookmarklet)
    </title>
</head>
<body>
    <button type="button" id="radifyButton">Test the Dialog Box</button>
    <div id="radifyContainer">
        <div id="radifyHeader">
            <div id="radifyTitle"><h1>RADiFy</h1></div>
            <div class="buttons"><img src="img/min.png" alt="Minimize" id="radifyMinmax" /></div>
            <div class="buttons"><img src="img/close.png" alt="Close" id="radifyClose" /></div>
        </div><!-- #radifyHeader -->
        <div id="radifyContent">
            <div id="radifyTabs">
                <ul>
                    <li><a href="#" id="radifyViewTab">View</a></li>
                    <li><a href="#" id="radifyEditTab">Edit</a></li>
                </ul>
            </div><!-- #radifyTabs -->
            <div id="radifyDisplay">
                <label for="radifyOntologies">Ontologies</label>
                <div id="radifyOntologies" class="info"></div>
                <label for="radifyTriples">Triples</label>
                <div id="radifyTriples" class="info"></div>
                <label for="radifyServices">Web Services</label>
                <div id="radifyServices" class="info"></div>
                <div id="radifySpacer"></div>
            </div><!-- #radifyDisplay -->
        </div><!-- #radifyContent -->
    </div><!-- #radifyContainer -->
</body>
</html>